import Vue from 'vue'
import App from './App.vue'
import router from '../src/router/index.js'
// import request from '@/request/request'
import store from '@/store/index';
import TypeNav from './component/TypeNav/index';
import Swiper from './component/Swiper';
import Pagination from './component/Pagination';


// 把typenav设置成全局组件
Vue.component('TypeNav',TypeNav);
Vue.component('Swiper',Swiper);
Vue.component('Pagination',Pagination)


// 测试mock请求的数据
import "@/mock";
// import {reqBannerList} from '@/api'
// const re = reqBannerList();
// console.log(re,'reqBannerList')

// const re = request.get('/product/getBaseCategoryList')
// console.log(re,'re')


new Vue({
  render: h => h(App),
 
  router:router,
  store,

  // 全局事件总线的设置
  beforeCreate(){
    Vue.prototype.$bus = this;
  },

}).$mount('#app')



// 1. 调整TypeNav组件为全局组件
// 2. 设置axios请求服务request请求
// 3. 使用store请求服务端数据
// 4. 设置列表数据样式
// 5. 设置节流阀，控制列表请求次数，还要判断当前鼠标是否在列表中
// 6. 设置search 路由跳转，以及nav的动画效果
// 7. nav重复被请求，可以把nav调整为全局组件，在app中设置nav组件的方法请求数据
// 7. 搜索框关键字搜索 ，调整header组件
// 8. mock数据测试
// 9. 轮播图设置，定义以恶搞公共组件swiper,把公共样式放入这里面
// 10.Search的静态页面
// 11.面包屑删除功能
// 12.综合和价格样式tab栏设置及排序
// 13.商品详情页路由跳转 及 面包屑导航设置
// 13.图片列表及大图显示
// 14.实现图片列表上下联动，(使用事件总线传参)

// 15.创建临时用户（只有临时用户和普通用户才能切到结束界面）



